html,
body,
#root {
  position: relative;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
    'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
}

.colorWeak {
  filter: invert(80%);
}

.ant-layout {
  min-height: 100vh;
}
.ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
  left: unset;
}

canvas {
  display: block;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul,
ol {
  list-style: none;
}

.ant-pro-layout {
  position: relative;
  height: 100%;

  .ant-layout {
    height: 100%;
  }
}

.ant-pro-page-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.ant-pro-grid-content {
  flex: 1;
  width: 100%;
}

.ant-pro-grid-content-children {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.mw-6em {
  min-width: 60px;
}

.none-ending-space {
  .ant-pro-page-container-children-container {
    padding-block-end: 0;
  }
}

.ant-pro-page-container-children-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;

  .ant-pro-table {
    display: flex;
    flex-direction: column;
    height: 100%;

    .ant-pro-card {
      position: relative;
      flex: 1;
      &.ant-pro-table-search {
        flex: unset;
      }

      .ant-pro-card-body {
        display: flex;
        flex-direction: column;
        height: 100%;
      }
    }
  }
}

.keep-alive-render {
  position: relative;
  flex: 1;

  > .cache-component {
    position: relative;
    height: 100%;
  }
}

.page-tabs {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.ant-pro-page-container-children-container-no-header {
  padding-block-start: 0;
}

.ant-pro-layout .ant-pro-layout-content {
  padding: 0;
}

.table-page-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  .ant-table-wrapper {
    flex: 1;
    .ant-spin-nested-loading {
      height: 100%;

      > .ant-spin-container {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        flex-direction: column;

        > .ant-table {
          flex: 1;
          overflow-y: hidden;

          > .ant-table-container {
            display: flex;
            flex-direction: column;
            height: 100%;
            // border-bottom: ;

            .ant-table-body {
              flex: 1;
            }
          }
        }
      }
    }
  }
}

// .list-body-panel-wrapper {
//   position: relative;
//   flex: 1;
//   margin-top: 10px;
//   overflow: auto;
//   // background-color: @component-background;
//   // border: @border-style-base @border-width-base @border-color-base;

//   .list-body-panel {
//     position: absolute;
//     top: 0;
//     right: 0;
//     bottom: 0;
//     left: 0;
//     overflow: auto;
//   }
// }

// .selectable-list-item {
//   position: relative;
//   padding: 10px 15px 10px 15px;
//   border-bottom: solid 0px transparent;
//   cursor: pointer;
//   > .bar {
//     position: absolute;
//     top: 0;
//     bottom: 0;
//     left: 0;
//     width: 4px;
//     background: transparent;
//   }
//   &:hover {
//     // background-color: #f8f8f8;
//     // border-bottom-color: #e7e6e6;
//   }
//   &.selected {
//     // background-color: #ececec;

//     > .bar {
//       background-color: @primary-color;
//     }

//     .ant-btn-link {
//       // color: white;
//     }
//   }
// }

@media (max-width: 768px) {
  .ant-table {
    width: 100%;
    overflow-x: auto;
    &-thead > tr,
    &-tbody > tr {
      > th,
      > td {
        white-space: pre;
        > span {
          display: block;
        }
      }
    }
  }
}
